<template>
  <div class="topNavigation">
    <nut-navbar :fixed="true" :safe-area-inset-top="true" title="测试头" @click-back="back" @click-title="title">
      <template #left>
        <img class="topNavigation-returnIcon" src="@img/topNavigation/returnIcon.png" alt="" />
      </template>
      <template #right>
        <img class="topNavigation-listFont" src="@img/topNavigation/listFont.png" />
      </template>
    </nut-navbar>
  </div>
</template>

<script lang="ts">
import importFunction from './topNavigation';
export default {
  setup() {
    const { back } = importFunction();
    return {
      back,
    };
  },
};
</script>

<style lang="less" scoped>
.topNavigation {
  &-listFont {
    width: 24px;
  }
  &-returnIcon {
    width: 28px;
  }
  :deep(.nut-navbar) {
    box-shadow: none;
  }
}
</style>
